<template>
  <!-- <el-button type="primary">显示弹窗</el-button> -->
  <el-dialog
  title="自己的弹框"
  :visible.sync="dialogVisible"
  @close="closeDialog">
  <span>这是自己封装的对话框</span>
  <span slot="footer" class="dialog-footer">
    <el-button @click="dialogVisible = false">取 消</el-button>
    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
  </span>
</el-dialog>
</template>

<script>
export default {
    name:"myDialog",
    props:['dialogVisible'],
    methods:{
        closeDialog(){
            this.$emit('close')
        }
    }

}
</script>

<style>

</style>